layui.config({
    base: '/js/user/' //扩展插件所在的目录
}).extend({ //设定模块别名
    jquery_dotdotdot_min_js: 'layui.dotdotdot' //相对于上述 base 目录的子目录
});

var newsTable;
// 所有作品页面
layui.use(['laypage', 'table','jquery'], function() {
    // 自定义参数
    var laypage = layui.laypage,
        table = layui.table,
        $ = layui.$;
        // $ = layui.jquery;
    var serverNum = $("#pagination").attr("data-count")
    var channel = $("input[name='category']").val() ? $("input[name='category']").val() : 0,
        type = getQueryString('type') ? getQueryString('type') : 0, // 书籍分类，默认全部0
        action = getQueryString('action') ? getQueryString('action') : 0, // 完结状态, 默认全部0
        size = getQueryString('size') ? getQueryString('size') : 0, // 字数，默认全部0
        update = getQueryString('update') ? getQueryString('update') : 0, // 更新时间， 默认全部0
        order = getQueryString('order') ? getQueryString('order') : 0, // 排序方式， 默认第一种
        mode = getQueryString('mode') ? getQueryString('mode') : 0, // 展示方式， 图文列表1 文字列表2 默认1
        pageIndex = $("input[name='page']").val() ? $("input[name='page']").val() : 1, // 当前页页码 默认1
        pageSize = $("input[name='psize']").val() ? $("input[name='psize']").val() : 20, // 页面显示多少条数据 默认16
        totalNum = serverNum// 获取的数据总条数

    // 初始table
    newsTable = table.render({
        elem: "#newsTable"
        , url: "/adminProduct/findProduct"
        , page: {limit: 10, limits: [5, 10, 15]}
        , cellMinWidth: 80
        , toolbar: '#toolbarNews'
        , cols: [[ //表头
            // <th lay-data="{field:'booktype', width:110}">评分</th>
            // <th lay-data="{field:'bookname', width:330}">食品名称</th>
            // <th lay-data="{field:'chapter'}">分类</th>
            // <th lay-data="{field:'author', width:160}">类型</th>
            // <th lay-data="{field:'booknum', width:82}">店铺</th>
            // <th lay-data="{field:'updatetime', width:108}">店铺类型</th>
            // <th lay-data="{field:'novel_id', hide:true}"></th>
            // <th lay-data="{field:'chapter_id', hide:true}"></th>
            // {type: 'checkbox', fixed: 'left'}
            {field: 'productName', title: '食品名称', fixed: 'center'}
            , {field: 'categoryId', title: '分类', fixed: 'center'}
            , {field: 'description', title: '介绍', fixed: 'center'}
            , {field: 'price', title: '价格', fixed: 'center'}
        ]]
    })

    laypage.render({
        elem: 'pagination',
        count: totalNum,
        limit: pageSize,
        // curr: pageIndex,
        curr: pageIndex, //获取起始页
        hash: 'fenye', //自定义hash值
        prev: '<i class="layui-icon layui-icon-left"></i>',
        next: '<i class="layui-icon layui-icon-right"></i>',
        layout: ['prev', 'page', 'next', 'refresh', 'skip'],
        theme: 'rgb(60,171,255)',
        jump: function (obj, first) {
            $("input[name='page']").val(obj.curr)
            if (!first)
                $("#search").submit();
        }
    });

    // 点击
    $('.row ul li').click(
        function () {
            $(this).addClass('active');
            $(this).siblings().removeClass('active');
        }
    );
    $('.order ul li').click(
        function () {
            $(this).addClass('active');
            $(this).siblings().removeClass('active');
        }
    );


    //将获取的数据列表的静态表格数据转化为数据表格
    table.init('allBook', {
        limit: pageSize //注意：请务必确保 limit 参数（默认：10）是与你服务端限定的数据条数一致
        //支持所有基础参数
    });

    // 监听行单击事件（单击事件为：rowDouble）
    table.on('row(allBook)', function(obj) {
        var data = obj.data;
        //标注选中样式
        obj.tr.addClass('layui-table-click').siblings().removeClass('layui-table-click');
        url = "/novel/"+data.novel_id + "/chapter/"+data.chapter_id+".html";
        location.href=url;


    });

    var changeShow = function() {
        console.log(channel);
        addItemStyle($('.channel li a'), channel);
        addItemStyle($('.type li a'), type);
        addItemStyle($('.action li a'), action);
        addItemStyle($('.size li a'), size);
        addItemStyle($('.update li a'), update);
        addItemStyle($('.order li a'), order);
        addItemStyle($('.mode li a'), mode);
        console.log(typeof(mode));
        if (mode === '1') {
            $('.all-imglist').hide();
            $('.all-textlist').show();
        } else {
            $('.all-imglist').show();
            $('.all-textlist').hide();
        }
    };

    var addItemStyle = function(Arr, idx) {
        $(Arr).each(function() {
            console.log(Number($(this).attr('data-id')), idx);
            if (Number($(this).attr('data-id')) === Number(idx)) {
                $(this).parent().addClass('active');
            }
        });
    };

    $(function() {
        console.log('初始化加载');
        changeShow();
    });

    $.post("/adminProduct/findProduct", {"limit":9,"page":1} ,function(d) {
        console.log(d.data)
        var data = d.data;
        // $('#from').html(data);
    });


    $('.channel').on('click', 'li a', function () {
        var d = $(this).attr('data').split("_");
        $('input[name="'+d[0]+'"]').val(d[1]);

        $.post("/sys/indexFood",$("#dataFrm").serialize(),function(data) {
            layer.msg(data.msg)
            // 刷新table数据
            $('#from').html(data.msg);
        })
        // $("#search").submit();
    });

    $('.type').on('click', 'li a', function () {
        var d = $(this).attr('data').split("_");
        $('input[name="'+d[0]+'"]').val(d[1]);
        console.log("查找")
        //$("#search").submit();
    });

    $('.action').on('click', 'li a', function () {
        var d = $(this).attr('data').split("_");
        $('input[name="'+d[0]+'"]').val(d[1]);
        console.log("查找")
        // $("#search").submit();
    });

    $('.size').on('click', 'li a', function () {
        var d = $(this).attr('data').split("_");
        $('input[name="'+d[0]+'"]').val(d[1]);
        console.log("查找")
        // $("#search").submit();
    });

    $('.update').on('click', 'li a', function () {
        var d = $(this).attr('data').split("_");
        $('input[name="'+d[0]+'"]').val(d[1]);
        console.log("查找")
        // $("#search").submit();
    });

    $('.order').on('click', 'li a', function () {
        var d = $(this).attr('data').split("_");
        $('input[name="'+d[0]+'"]').val(d[1]);
        console.log("查找")
        // $("#search").submit();
    });
    //图文、列表切换
    $('.mode').on('click', 'li a', function() {
        var idx = $(this).attr('data-id');
        changeURLArgs({ mode: idx });
    });
});